<template>
  <button
    :style="{color:color,background:bg}"
    @click='f'
  >
    <slot></slot>
    {{theme}}
  </button>
</template>
<script>
// @ is an alias to /src
export default {
  name: "XXX",
  props: ["color", "bg"],
  inject: ["theme"],
  data() {
    return {};
  },
  methods: {
    f() {
      this.$emit("click");
    },
  },
  components: {},
};
</script>
<style lang="less">
</style>